﻿{% extends '../../layout.html' %}
<!-- header-start -->
{% block head %}
{% parent %}
{#<!--lCalendar.css-->#}
{#<link href="/component/lCalendar/lCalendar.css" rel="stylesheet"/>#}
{#<!--LArea.css-->#}
{#<link href="/component/LArea/LArea.min.css" rel="stylesheet"/>#}
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
    <form id="form" action="{{ redirectUrl }}" method="post" style="display: none;">
        <input name="brandId" value="{{ brandId }}">
        <input name="mainProductId" value="{{ mainProductId }}">
        <input name="productId" value="{{ productId }}">
        <input name="phone" value="{{ phone }}">
        <input name="username" value="{{ username }}">
        <input name="address" value="{{ address }}">
        <input name="memLevel" value="{{ memLevel }}">
        <input name="successTip" value="{{ successTip }}">
        <input name="failTip" value="{{ failTip }}">
        <input id="postBut" type="submit">
    </form>
{#<div class="Hr_BookInstall">#}
    {#<div class="return_my_haier">#}
        {#<a href="javascript:void(0)" onclick="history.go(-1)">#}
            {#<div class="Return">#}
                {#<img src="/images/icon/left.png" />#}
            {#</div>#}
        {#</a>#}
    {#</div>#}
    {#<div class="flex-box">#}
        {#{% if thatData.u_name or thatData.u_image or thatData.u_level %}#}
        {#<header>#}
            {#<div class="UserPoint-Box">#}
                {#<div class="UserPoint-Img">#}
                    {#<div class="Img-bg">#}
                        {#<img src="{{ thatData.u_image|default('/images/personal-center/wx_photot.jpg') }}" />#}
                    {#</div>#}
                {#</div>#}
                {#<div class="UserPoint-Info">#}
                    {#<div class="all-center">#}
                        {#<h3>{{ thatData.u_name }}</h3>#}
                        {#<p class="">{{ thatData.u_level }}</p>#}
                    {#</div>#}
                {#</div>#}
            {#</div>#}
        {#</header>#}
        {#{% endif %}#}
        {#<main class="nav-wrap">#}
            {#<ul class="Hr_BookInstall_nav pt_15">#}
                {#<li><a class="{% if thatData.type==1 %}Hr_BookInstall_active{% endif %}">预约安装</a></li>#}
                {#<li><a class="{% if thatData.type==2 %}Hr_BookInstall_active{% endif %}">在线报修</a></li>#}
            {#</ul>#}
            {#<div class="nav-container">#}
                {#<div class="nav-content ss {% if thatData.type==1 %}shows{% endif %}">#}
                    {#<form class="fields" id="AppointmentInstall ">#}
                        {#<div class="field Book_Clear_MyProduct">#}
                            {#<label>产品 <span>我的产品 &gt;</span></label>#}
                            {#<div class="Hidden-Select">#}
                                {#<select id="Hr_BookClear_product" type="text" name="PruchaseFun" placeholder="请选择" disabled>#}
                                    {#<option value="1">{{ thatData.p_group_name }}</option>#}
                                {#</select>#}
                            {#</div>#}
                            {#<div class="Hidden-Select ElectronicProducts">#}
                                {#<select id="ElectronicProducts" type="text" name="PruchaseFun" placeholder="请选择" disabled>#}
                                    {#<option value="1">{{ thatData.p_mid_c_zh }}</option>#}
                                {#</select>#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="field">#}
                            {#<label>手机号码</label>#}
                            {#<input id="Hr_BookInstall_tel" type="number" name="tel" autocomplete="off"   placeholder="请填写手机号码"  onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" >#}
                        {#</div>#}
                        {#<div class="field ">#}
                            {#<label>上门日期 <span class="silverCard">(您是银卡会员,可享受权益:限时解决)</span></label>#}
                            {#<input id="Hr_BookInstall_PruchaseTime" type="text" readonly="readonly" name="input_date" placeholder="请选择上门日期" data-lcalendar="2015-01-01,2115-01-01">#}
                        {#</div>#}
                        {#<div class="field">#}
                            {#<label>上门时间</label>#}
                            {#<input id="Hr_BookInstall_PruchaseDate" type="text" readonly="readonly" name="input_date" placeholder="请选择上门时间" data-lcalendar="2015-01-01,2115-01-01">#}
                        {#</div>#}
                        {#<div class="field">#}
                            {#<a onclick="CommonJs.address.show()">#}
                                {#<div class="Address_List">#}
                                    {#<div style="width: 100%;display: inline-block;">#}
                                        {#<div class="flex-between align-center">#}
                                            {#<h5>上门地址</h5>#}
                                            {#<p class="select-address float-right m-r-10">选择地址</p>#}
                                        {#</div>#}
                                    {#</div>#}
                                    {#<div class="Address_List_Right">&gt;</div>#}
                                {#</div>#}
                            {#</a>#}
                        {#</div>#}
                        {#<div class="field Address_Textarea">#}
                            {#<label>备注说明</label>#}
                            {#<textarea name="AppointmentInstall_Address_Detail" id="AppointmentInstall_Address_Detail" cols="30" rows="10" autocomplete="off" maxlength="90"  placeholder="服务要求描述(可不填)" onKeyDown="checkMaxInput(this)" onKeyUp="checkMaxInput(this)"></textarea>#}
                            {#<div class="Word_Limit">#}
                                {#<h5><span class="word">90</span>/90</h5>#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="text-center p-t-10 p-b-10">#}
                            {#<input id="baozhuang" class="login login-btn" name="submit" value="提交" type="submit" />#}
                        {#</div>#}
                    {#</form>#}
                {#</div>#}
                {#<div class="nav-content ss {% if thatData.type==2 %}shows{% endif %}">#}
                    {#<form class="fields" id="OnlineWarranty">#}
                        {#<div class="field Book_Clear_MyProduct">#}
                            {#<label>产品(在线保修) <span>我的产品 &gt;</span></label>#}
                            {#<div class="Hidden-Select">#}
                                {#<select id="BaoXiu_Hr_BookClear_product" type="text" name="PruchaseFun" placeholder="请选择" disabled>#}
                                    {#<option value="1">{{ thatData.p_group_name }}</option>#}
                                {#</select>#}
                            {#</div>#}
                            {#<div class="Hidden-Select ElectronicProducts">#}
                                {#<select id="BaoXiu_ElectronicProducts" type="text" name="PruchaseFun" placeholder="请选择" disabled>#}
                                    {#<option value="1">{{ thatData.p_mid_c_zh }}</option>#}
                                {#</select>#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="field">#}
                            {#<label>手机号码</label>#}
                            {#<input id="BaoXiu_Hr_BookInstall_tel" type="number" name="tel" autocomplete="off"   placeholder="电话号码、手机号码至少填一项"  onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" >#}
                        {#</div>#}
                        {#<div class="field ">#}
                            {#<label>上门日期 <span class="silverCard">(您是银卡会员,可享受权益:限时解决)</span></label>#}
                            {#<input id="BaoXiu_Hr_BookInstall_PruchaseTime" type="text" readonly="readonly" name="input_date" placeholder="请选择上门日期" data-lcalendar="2015-01-01,2115-01-01">#}
                        {#</div>#}
                        {#<div class="field">#}
                            {#<label>上门时间</label>#}
                            {#<input id="BaoXiu_Hr_BookInstall_PruchaseDate" type="text" readonly="readonly" name="input_date" placeholder="请选择上门时间" data-lcalendar="2015-01-01,2115-01-01">#}
                        {#</div>#}
                        {#<div class="field">#}
                            {#<a onclick="CommonJs.address.show()">#}
                                {#<div class="Address_List">#}
                                    {#<div style="width: 100%;display: inline-block;">#}
                                        {#<div class="flex-between align-center">#}
                                            {#<h5>上门地址</h5>#}
                                            {#<p class="select-address float-right m-r-10">选择地址</p>#}
                                        {#</div>#}
                                    {#</div>#}
                                    {#<div class="Address_List_Right">&gt;</div>#}
                                {#</div>#}
                            {#</a>#}
                        {#</div>#}
                        {#<div class="field Address_Textarea">#}
                            {#<label>备注说明</label>#}
                            {#<textarea name="OnlineWarranty_Address_Detail_1" id="BaoXiu_OnlineWarranty_Address_Detail_1" cols="30" rows="10" autocomplete="off" maxlength="90"  placeholder="服务要求描述(可不填)" onKeyDown="checkMaxInput(this)" onKeyUp="checkMaxInput(this)"></textarea>#}
                            {#<div class="Word_Limit">#}
                                {#<h5><span class="word">90</span>/90</h5>#}
                            {#</div>#}
                        {#</div>#}
                        {#<div class="text-center p-t-10 p-b-10">#}
                            {#<input id="baoxiu" class="login login-btn" name="submit" value="提交" type="submit" />#}
                        {#</div>#}
                    {#</form>#}
                {#</div>#}
            {#</div>#}
        {#</main>#}
    {#</div>#}
    {#<div class="model-address"><iframe id="address-iframe" src="/address-manage" frameborder="no" onload="CommonJs.address.iframeclick('address-iframe')"></iframe></div>#}
{#</div>#}

{% endblock %}
<!-- body-end -->
<!-- script-start -->
{% block script %}
    {#<script type="text/javascript" src="/js/base/fastclick.js"></script>#}
    {#<!--lCalendar.js-->#}
    {#<script type="text/javascript" src="/component/lCalendar/lCalendar.min.js"></script>#}
    {#<!--LArea.js-->#}
    {#<script type="text/javascript" src="/component/LArea/LArea.min.js"></script>#}
    {#<!--LArea.Date-->#}
    {#<script type="text/javascript" src="/component/lCalendar/LAreaData1.js"></script>#}
    {#<script type="text/javascript" src="/js/base/app.js"></script>#}
    {#<script type="text/javascript" src="/js/my-haier/book-install.js"></script>#}

    <script type="text/javascript">
        $(function () {
            $("#postBut").trigger('click');
        });
    </script>
{% endblock %}
<!-- script-end -->

